<template>
  <div class="home">
      <Head/>
      <Slideimg/>
      <Navone/>
      <Target :h2="arr[0].h2" :p="arr[0].p"/>
      <Library/>
      <Target :h2="arr[1].h2" :p="arr[1].p"/>
      <Crowd :imgL="array[0].imgL" :imgT="array[0].imgT" :imgB="array[0].imgB" :type="10001"/>
      <Target :h2="arr[2].h2" :p="arr[2].p"/>
      <Crowds :imgL="array[1].imgL" :imgT="array[1].imgT" :imgB="array[1].imgB" :type="10002"/>
      <Target :h2="arr[3].h2" :p="arr[3].p"/>
      <Flavor/>
      <Target :h2="arr[4].h2" :p="arr[4].p"/>
      <Popular/>
      <Bottom />
  </div>
</template>

<script>
// @ is an alias to /src
import Head from "@/components/ddgHD/head.vue"
import Slideimg from "@/components/ddgHD/slideimg.vue"
import Navone from "@/components/ddgHD/navone.vue"
import Target from "@/components/ddgHD/target.vue"
import Crowd from "@/components/ddgHD/crowd.vue"
import Crowds from "@/components/ddgHD/crowds.vue"
import Flavor from "@/components/ddgHD/flavor.vue"
import Popular from "@/components/ddgHD/popular.vue"
import Library from "@/components/ddgHD/library.vue"
import Bottom from "c/my/bottom.vue";
export default {
  name: 'Home',
  components: {
      Head,
      Slideimg,
      Navone,
      Target,
      Crowd,
      Crowds,
      Flavor,
      Popular,
      Library,
      Bottom
  },
  data(){
    return {
      arr:[
        {h2:"品牌馆",p:"Brand Library"},
        {h2:"品牌特供",p:"BrandSupply"},
        {h2:"人群推荐",p:"Target Recommende"},
        {h2:"口味推荐",p:"Flavor Recommende"},
        {h2:"人气推荐",p:"Popular Recommendation"}
      ],
      array:[
        {imgL:"https://brup.shengri.cn/goods/2018/08/FuH_34r8u0ZgI4ywiUQSiYmRll-8.jpg",
          imgT:"https://brup.shengri.cn/goods/2018/01/Flc5efHExY6cTqeZLvFrcO49saQo.jpg",
          imgB:"https://brup.shengri.cn/goods/2020/11/FgMTzPE1_iYb0Xl-on4sP8okcSG0.jpg"
        },
        {imgL:"https://brup.shengri.cn/goods/2018/06/FulBLUNvtwmGJgVjLj4QBgO6oMNr.png",
          imgT:"https://brup.shengri.cn/goods/2018/06/FksrCUEnsal4Q5Fi7pfWp0uP9ld9.png",
          imgB:"https://brup.shengri.cn/goods/2018/06/FjB9hjXJ1_ZHQ5_iK7Rj7DVRubOE.png"
        },
      ]
    }
  }
}
</script>
<style scoped>
    .home{
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      margin: 0 auto;
    }
    
</style>